<h1 id="definition-lists"><a class="header" href="#definition-lists">Definition Lists</a></h1>
<dl>
<dt id="apple"><a class="header" href="#apple">apple</a></dt>
<dd>red fruit</dd>
<dt id="orange"><a class="header" href="#orange">orange</a></dt>
<dd>orange fruit</dd>
<dt id="apple-1"><a class="header" href="#apple-1">apple</a></dt>
<dd>red fruit</dd>
<dd>computer company</dd>
<dt id="orange-1"><a class="header" href="#orange-1">orange</a></dt>
<dd>orange fruit</dd>
<dd>telecom company</dd>
<dt id="term"><a class="header" href="#term">term</a></dt>
<dd>
<ol>
<li>
<p>Para one</p>
<p>Para two</p>
</li>
</ol>
</dd>
</dl>
<h2 id="term-with-link"><a class="header" href="#term-with-link">Term with link</a></h2>
<dl>
<dt id="apple-2"><a class="header" href="#apple-2"><a href="some-page.html#apple">apple</a></a></dt>
<dd>red fruit</dd>
</dl>
<h2 id="multi-line-term"><a class="header" href="#multi-line-term">Multi-line term</a></h2>
<dl>
<dt id="a-bc"><a class="header" href="#a-bc">a
b<br>c</a></dt>
<dd>
<p>foo</p>
</dd>
</dl>
<h2 id="nested"><a class="header" href="#nested">Nested</a></h2>
<dl>
<dt id="level-one"><a class="header" href="#level-one">level one</a></dt>
<dd>
<dl>
<dt id="l1-level-two"><a class="header" href="#l1-level-two">l1
level two</a></dt>
<dd>
<dl>
<dt id="l2-level-three"><a class="header" href="#l2-level-three">l2
level three</a></dt>
<dd>l3</dd>
</dl>
</dd>
</dl>
</dd>
<dt id="level-one-1"><a class="header" href="#level-one-1">level one</a></dt>
<dd>l1</dd>
</dl>
<h2 id="loose"><a class="header" href="#loose">Loose</a></h2>
<dl>
<dt id="apple-3"><a class="header" href="#apple-3">apple</a></dt>
<dd>
<p>red fruit</p>
</dd>
<dd>
<p>computer company</p>
</dd>
<dt id="orange-2"><a class="header" href="#orange-2">orange</a></dt>
<dd>
<p>orange fruit</p>
</dd>
</dl>